import { useNavigate } from "react-router-dom";
const BackHeader = () => {
    const navigate = useNavigate();
    return (
        <header className="w-full h-14 flex items-center bg-white shadow-md fixed top-0 left-0 z-10 relative" onClick={() => navigate(-1)}>
            <a href="javascript:void(0)" className="w-11 h-11 flex justify-center items-center text-xl text-gray-500 rounded-full border border-gray-300 ml-2 mr-2">
                <span className="icon-[mdi--keyboard-arrow-left]"></span>
            </a>
            <h1 className="font-bold text-black absolute text-lg left-1/2 top-1/2 -translate-1/2">Header</h1>
        </header>
    );
}

export default BackHeader;